/* Zatify APPS CSS Created by/--   Liakat /01721022892   /19/11/2012  */

*{
	padding:0;
	margin:0;
}

/* FONT STYLE */
HTML, BODY {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background:url(../images/apps_bg.jpg) repeat left top;
}
INPUT, TEXTaREa, SELECT, BUTTON, label {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	color:#0089cf;
}
/*FONT SIZE*/
h1 {
	font-size: 30px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size:18px;
}
h5{
	font-size:16px;
}
h6 {
	font-size:13px;
}

img{
	border:none;
	margin:0px;
	padding:0px;
}
p{
	text-align:left;
	font-size:13px;
	line-height:18px;
	color:#424242;
	padding:5px 0;
}

/*COLOR*/
a {
	color: #009; 	/* BLaCK COLOR*/
}

ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
img{
	border:0 none;
	outline:0 none;
}

/* start apps css here */

.apps_wrapper{
	padding:0;
	margin:0;
	width:100%;
}
.apps_header{
	background:url(../images/apps_header_bg.png) repeat-x left top;
	height:100px;
	width:100%;
	position:relative;
	z-index:2;
}
.apps_header .header_left{
	width:230px;
	height: 98px;
	background:url(../images/apps_logo_bg.png) no-repeat left top;
	left:0;
	top:0;
	position:absolute;
}
.company_logo{
	padding:25px 0px 12px 20px;
	display:block;
}
.company_logo h2{
	text-transform:uppercase;
	font-size:21px;
}
.apps_header .header_right{
	padding-left:230px;
}
.header_right_content{
	padding-right:20px;
}
.header_top_content{
	height:56px;
	display:block;
}
.user_info{
	color:#09F;
	text-align:right;
}
.user_info h5{
	color:#FFFFFF;
	text-align:right;
	font-size:15px;
	font-style:normal;
	padding:8px 0 5px;
}
.user_info a{
	color:#FFFFFF;
	text-decoration:none;
}
.user_info a:hover{
	color:#2bbcff;
	text-decoration:underline;
}

/* start top menu css here */
.topmenu{
	height:40px;
	display:block;
}
.topmenu ul{
	list-style:none;
	padding-top:5px;
}
.topmenu ul li{
	line-height:26px;
	list-style:none;
	display:inline;
}
.topmenu ul li a{
	text-decoration:none;
	display:block;
	float:left;
	padding:0 15px;
	color:#2b2b2b;
	font-size:14px;
	margin-left:4px;
}
.topmenu ul li a:hover, .topmenu ul li a.active{
	background:#0e0e56;
	height:30px;
	color:#FFFFFF;
	border-radius:6px;
}

/* start container body */
.apps_container_wrapper{
	padding:20px;
}
.apps_container_bd{
	background:#fff;
	border:1px solid #c99554;
	box-shadow:0 0 2px #5a5a5a;
	-moz-box-shadow:0 0 2px #5a5a5a;
	-webkit-box-shadow:0 0 2px #5a5a5a;
	-o-box-shadow:0 0 2px #5a5a5a;
}
.apps_container_title{
	background:url(../images/apps_title_bg.jpg) repeat-x;
	height:39px;
}
.apps_container_title h4{
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/apps_title_bg.jpg) repeat-x;
	height:29px;
	color:#091093;
	padding:5px 10px;
}
.apps_container{
	padding:20px;
}

/* search part */
.search_part{
	background:url(../images/search_bg.jpg) repeat-x;
	height:30px;
	border:1px solid #bbbbbb;
	padding:10px;
	margin-bottom:20px;
}

.search_result_bd{
	padding:0px;
}
.zatify_table_content{
	overflow-x:scroll;
	overflow-y:hidden;
	width:100%;
	height:auto;
}
.search_result_bd h4{
	padding-bottom:10px;
}

.zatify_table_content table{
	border-top:1px solid #c0b5a3;
	border-left:1px solid #c0b5a3;
}
.zatify_table_content table tr th{
	border-right:1px solid #c0b5a3;
	border-bottom:1px solid #c0b5a3;
	background: url(../images/tahle_hd.jpg) repeat-x #c79252;
	text-align:center;
	padding:5px 5px 4px 8px;
}

.zatify_table_content table tr td{
	border-right:1px solid #c0b5a3;
	border-bottom:1px solid #c0b5a3;
	text-align:left;
	padding:5px 10px;
}
.zatify_table_content table tr td a{
	padding:0 3px;
	text-decoration: none;
}




.zatify_pagination{
	background:url(../images/pagination_bg.jpg) repeat-x;
	/*background:#f4f5f7;*/
	height:18px;
	padding:5px 10px;
	margin-top:10px;
	border:1px solid #ecf1f4;
}
.zatify_pagination table tr td{
	/*padding:0;*/
	padding-right:10px;
	margin:0;
}
.select_box{
	width:40px;
}
td.pagination_no{
	padding:0;
	margin:0;
}
td.pagination_no a{
	text-decoration:none;
	color:#999;
	padding:0 5px;
	text-align:center;
	vertical-align:top;
}
td.pagination_no a:hover{
	color:#000;
	background:#FFF;
	border:1px solid #999;
}
.page_no_info{
	text-align:right;
	display:block;
}

.search_company{
	padding-bottom:20px;
}
.search_company h4{
	padding-bottom:5px;
}
.search_panel table{
	vertical-align:top;
	text-align:left;
}
.apps_search_label_text{
	padding-right:20px;
	float:left;
	font-weight:bold;
	font-size:14px;
}

.apps_label_text{
	width:150px;
	float:left;
	padding-bottom:5px;
}
.apps_label_text span{
	font-size:15px;
	color:#0089CF;
	font-weight:bold;
}
.apps_inputbox{
	width:180px;
	height:21px;
	float:;
	background:#FFF;
	padding:2px 10px;
	border:1px solid #999;
	margin-bottom:5px;
}
.apps_inputbox.input-validation-error
{
    background-color: #FFEEEE;
    border: 1px solid #FF0000;
}
.apps_selectbox{
	width:200px;
	height:23px;
	float:;
	background:#FFF;
	border:1px solid #999;
	margin-bottom:5px;
}
.apps_selectbox option{
	background:#FFF;
	padding:2px 5px;
}
.apps_inputbox100, .apps_selectbox100{
	width:100%;
}

.apps_checkbox{
	padding:0px 20px;
}
.zatify_apps_btn{
	background:url(../images/zatify_btn_bg.jpg) no-repeat;
	border:1px solid #8c600d;
	height:28px;
	box-shadow:0 1px 2px #5b5b5b;
	-moz-box-shadow:0 1px 2px #5b5b5b;
	-webkit-box-shadow:0 1px 2px #5b5b5b;
	-o-box-shadow:0 1px 2px #5b5b5b;
}
.apps_btn{
	margin-left:5px;
}
.apps_btn:hover{
	-moz-transition: background-position 0.1s linear 0s;
	background-color: #E6E6E6;
	background-position: 0 -15px;
	color: #333333;
	text-decoration: none;

}
.apps_lightblue_btn{
	background-color: #49AFCD;
	background-image: -moz-linear-gradient(center top , #5BC0DE, #2F96B4);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}	
.apps_blue_btn{
   background-color: #006DCC;
	background-image: -moz-linear-gradient(center top , #0088CC, #0044CC);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.apps_gray_btn{
	background-color: #F5F5F5;
	background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
	background-repeat: repeat-x;
	color:#333333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	border-color: #E6E6E6 #E6E6E6 #A2A2A2;
}

.btn{
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	
	-webkit-border-bottom-colors: none;
	-webkit-border-left-colors: none;
	-webkit-border-right-colors: none;
	-webkit-border-top-colors: none;
	
	-o-border-bottom-colors: none;
	-o-border-left-colors: none;
	-o-border-right-colors: none;
	-o-border-top-colors: none;
	
	border-image: none;
	border-radius: 4px 4px 4px 4px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
	padding:0px 14px 4px 14px;
	text-align: center;
	vertical-align: middle;
}

.add_new_user{
	padding:10px 0;
	margin-top:20px;
}
.add_new_user fieldset{
	padding:10px;
	border:1px solid #d9dfe4;
	border-radius:6px;
}
.add_new_user fieldset legend{
	padding:0 5px;
}

.add_new_user_form{
	padding:0;
	margin:0;
	width:360px;
}
.add_new_user_form_notify{
	padding:10px 0;
	margin:0;
}
.add_new_user_form_notify label{
	text-align:left;
}
.add_new_user_btn{
	padding-top:10px;
	text-align:right;
	border-top:1px solid #D9DFE4;
}


.zatify_panel_btn{
	padding:0;
	margin:0;
}
.zatify_panel_btn{
	padding-top:10px;
	text-align:left;
	border-top:1px solid #D9DFE4;
}


.add_new_zatify_user{
	padding:10px 0;
	margin-top:20px;
}
.add_new_zatify_user fieldset{
	padding:10px;
	border:1px solid #d9dfe4;
	border-radius:6px;
	width:44%;
	margin-right:2%;
	float:left;
}
.add_new_zatify_user fieldset legend{
	padding:0 5px;
}

.add_new_zatify_user_form{
	padding:0;
	margin:0;
	width:360px;
}
.add_new_zatify_user_form h6{
	padding-bottom:10px;
}
.add_new_zatify_user_invite{
	padding:0;
	margin:0;
	width:250px;
	overflow:auto;
	height:220px;
	visibility:visible;
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right:10px;

}
.add_new_invite_checkbox{
	width:100%;
	margin:5px 0;
}


/* start footer part */

.footer_part{
	background:url(../images/footer_bg.jpg) repeat-x left bottom;
/*	position:fixed;*/
	height:26px;
	width:100%;
/*	left:0;
	bottom:0;*/
	overflow:visible;
	text-align:center;
	color:#a1afbc;
	font-size:12px;
	padding-top:6px;
	border-top:1px solid #e3e3e3;
}

.clearfix{
	clear:both;
	float:none;
	line-height:0;
	font-size:0;
	height:0px;
}




/* New CSS Add by Liakat / 21-12-2012 */
.business_profile_screens_form_border{
/*	border:1px solid #d9dfe4;*/
	border-radius:6px;
	width:100%;
	float:left;
}
.z_cms_coloum{
	padding:10px;
/*	border:1px solid #d9dfe4;*/
	border-radius:6px;
	width:40%;
	margin-right:2%;
	float:left;
}
.label_span_text{
	width:100%;
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#936A1D;
	padding-bottom:10px;
}

.z_messages_box {
	padding:5px;
	min-width:350px;
	min-height:110px;
}
.upload_image {
	width:150px;
	height:150px;
}
.business_categories_link {
	text-decoration:none;
	margin-left:5px;
	margin-right:5px;
	color:#333333;
}
.z_file_browse{
	width:180px;
	display:block;
}
.bradecums_bar{
	padding:5px 10px;
	text-align:left;
	border:1px solid #D9DFE4;
	margin-bottom:20px;
	font-size:16px;
	color:#CAAC6F;
}
.bradecums_bar{
	padding:5px 10px;
	text-align:left;
	border:1px solid #D9DFE4;
	margin-bottom:20px;
	font-size:14px;
	color:#0D156F;
}
.bradecums_bar span{
	color:#333;
}
.error_message{
    background: none repeat scroll 0 0 #FFCDCD;
    border: 2px solid #FF0000;
    border-radius: 10px 10px 10px 10px;
    line-height: 18px;
    margin-top: 30px;
    padding: 20px;
    text-align: center;
}

/* business hour css */
.business_hour_line{
	padding:0;
	margin-bottom:10px;
	float:left;
}
.business_hour_label_text{
	width:100px;
	float:left;
	padding-bottom:5px;
}
.business_label_text span{
	font-size:15px;
	color:#0089CF;
	font-weight:bold;
}
.business_hour_selectbox{
	width:150px;
	height:23px;
	float:left;
	background:#FFF;
	border:1px solid #999;
	margin-bottom:5px;
	margin:0 10px; 
}
.business_hour_checkbox{
    float: left;
    margin-top:5px;
	margin-right:5px;
    padding: 0;
}
.business_hour_checkbox_text{
	display:block;
	padding-top:3px;
}

.business_hour_selectbox option{
	background:#FFF;
	padding:2px 5px;
}

/* start business categories css */
.business_categories_label_text{
	width:100%;
	float:left;
	padding-bottom:5px;
}
.business_categories_checkbox_text{
	display:block;
	background:#f4f4f4;
	border:1px solid #d8d8d8;
	margin-left:20px;
	border-radius:6px;
	padding:5px 10px 7px 10px; 
	width:400px;	
}


/* new css add 22/12/2012 */
.cms_user_select_box{
	width:80%;
}
.cms_dafults_content{
	overflow:none;
	overflow-x:hidden;
	overflow-y:hidden;
	width:100%;
	height:auto;
}
.rates_content{
	padding:0;
	margin:0;
}
.categories_content{
	padding:0;
	margin:0;
	width:100%;
}
.categories_chain{
	padding:10px;
	min-height:100px;
}
.categories_content fieldset{
	padding:10px;
	border:1px solid #d9dfe4;
	border-radius:6px;
	margin-right:2%;
}




/* new css add by Liakat 22-12-2012 */
.z_margin_bottom20px{
	margin-bottom:20px;
}
.z_messages_area{
	margin-bottom:10px;
}
.z_messages_area h5{
	padding-bottom:10px;
}

.z_messages_box_full{
	padding:5px;
	min-width:70%;
	min-height:110px;
}
.z_message_conpose_bd{
	padding:0;
	margin:0;
}
.z_message_conpose_bd{
	padding:0;
	margin:0;
}
.compose_sub_inputbox{
	width:66% !important;
	height:21px;
	float:;
	background:#FFF;
	padding:2px 10px;
	border:1px solid #d4d4d4;
	margin-bottom:5px;
}
.compose_sub_inputbox.input-validation-error
{
    background-color: #FFEEEE;
    border: 1px solid #FF0000;
}
.message_to_row{
	padding-bottom:10px;
}
label.message_to{
	padding-right:20px;
}
.message_subject_row{
	padding-bottom:10px;
}

.message_2col_container{
	border-radius:6px;
	width:100%;
	float:left;
}
.z_cms_coloum{
	padding:10px;
/*	border:1px solid #d9dfe4;*/
	border-radius:6px;
	width:40%;
	margin-right:2%;
	float:left;
}
.z_cms_coloum h5{
	padding-bottom:10px;
}

.zatify_payment_info_tabel {
    height: auto;
    margin-top: 20px;
    padding: 0;
    width: 100%;
}

/* report page css Liakat- 15-01-2013 */
.report_list_control{
	padding:10px 5px;
}
.report_list_container{
	padding:10px;
}
.report_list_control ul{
	list-style:none;
	padding:0;
	margin:0;
}
.report_list_control ul li{
	line-height:18px;
	display:block;
}
.report_list_control ul li a{
	text-decoration:none;
	color:#373737;
	display:block;
	padding:2px 10px !important;
}
.report_list_control ul li a:hover{
	background:#ececec;
	border-radius:3px;
	color:#000;
}

.report_filter_area{
	min-height:50px;
}
.report_filter_area h6{
	text-align:center;
}
.report_result_area{
	min-height:30px;
}
.report_result_area h5{
	text-align:center;
}

.zatify_pagination table{
	border:0 none !important;
}
.zatify_pagination table tr td{
	padding:0;
	margin:0;
	border:0 none !important;
}

.report_list_control ul li a.selected{
	background: #d3dfe6;
	border-radius: 3px;
	color: #000;
}

/*=== PAGER BUTTONS STYLES ===*/
.zatify_pagination table tr td.btn_first
{
    padding-right: 5px;
}
.zatify_pagination table tr td.btn_previous
{
    padding: 0 5px;
}
.zatify_pagination table tr td.btn_next
{
    padding: 0 5px;
}
.zatify_pagination table tr td.btn_last
{
    padding-left:  5px;
    padding-right: 15px;
}